<template>
  <div class="footer">
      <div class='g-container f-oh'>
          <div class='f-fl f-oh left'>
              <dl class='f-fl'>
                  <dt>服务指南</dt>
                  <dd>注册账号</dd>
                  <dd>在线咨询</dd>
              </dl>
              <dl class='f-fl'>
                  <dt>案例解剖</dt>
                  <dd>婚姻家庭</dd>
                  <dd>交通事故</dd>
              </dl>
              <dl class='f-fl'>
                  <dt>律师入驻</dt>
                  <dd>入驻申请</dd>
              </dl>
              <dl class='f-fl'>
                  <dt>关于我们</dt>
                  <dd>法律知识</dd>
                  <dd>1元公益</dd>
                  <dd>平台公告</dd>
              </dl>
          </div>
          <div class='f-fr right'>
              <dl>
                  <dt>万律网</dt>
                  <dd>电话：0571-32156844</dd>
                  <dd>邮箱：351278604@qq.com</dd>
                  <dd>地址：杭州市西湖区天亿大厦1604</dd>
              </dl>
          </div>
      </div>
  </div>
</template>

<script>
export default {
  name: 'Footer',
  data () {
    return {
      caseInfo: {
        id: 1,
        tab: '劳动纠纷',
        title: '工资没拿到如何才能拿到？—— 编号1370',
        desc: '需求描述：您好： 我父亲承包了我们乡政府的路面工程， 2016.12.8号这一天， 修路过程中正好经过3名农夫门口，三名农夫请求我父亲帮忙修一下， 但是我父亲没有同意当时帮忙。当天下午发生了一起事故， 其中一名开拖拉机的人员在倒车的过程中将另外一名施工人员撞死， 肇事者和我父亲之间没有劳务合同关系， 当时开庭时， 开车的人已经有口供， 此人不是我父亲叫来帮忙， 我父亲也没有叫开车的人过来。',
        num: 1370,
        lawyer: '卓鹏',
        lawpeyPhone: 15858581578
      }
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.footer{
    background-color: #333;
    padding: 20px 0 10px 0;
}
.footer dt{
    color: #ccc;
}
.footer dd{
    color: #999;
    padding-bottom: 30px;
}
.left dl{
    margin-right: 120px;
}
.left dt{
    padding-bottom: 20px;
}

.right dt{
    font-size: 20px;
    padding-bottom: 10px;
}
</style>
